{"ast":null,"code":"var _jsxFileName = \"/data/messenger.client/src/components/ToggleItem/index.tsx\";\nimport React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport './ToggleItem.scss';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst ToggleItem = props => {\n  if (props.link) {\n    return /*#__PURE__*/_jsxDEV(Link, {\n      className: \"toggle-item\",\n      to: props.link,\n      children: [/*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"toggle-item-icon\",\n        style: {\n          backgroundImage: `url(${props.svgUrl})`\n        }\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 10,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(\"span\", {\n        className: \"toggle-item-name\",\n        children: props.name\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 11,\n        columnNumber: 17\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 9,\n      columnNumber: 13\n    }, this);\n  } else {\n    return /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"toggle-item\",\n      onClick: props.onClick && props.onClick,\n      children: [/*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"toggle-item-icon\",\n        style: {\n          backgroundImage: `url(${props.svgUrl})`\n        }\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 17,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(\"span\", {\n        className: \"toggle-item-name\",\n        children: props.name\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 18,\n        columnNumber: 17\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 16,\n      columnNumber: 13\n    }, this);\n  }\n};\n_c = ToggleItem;\nexport default ToggleItem;\nvar _c;\n$RefreshReg$(_c, \"ToggleItem\");","map":{"version":3,"names":["React","Link","ToggleItem","props","link","backgroundImage","svgUrl","name","onClick"],"sources":["/data/messenger.client/src/components/ToggleItem/index.tsx"],"sourcesContent":["import React from \"react\";\nimport {ToggleProps} from \"../../models/props/ToggleProps\";\nimport {Link} from \"react-router-dom\";\nimport './ToggleItem.scss';\n\nconst ToggleItem: React.FC<ToggleProps> = (props) => {\n    if (props.link) {\n        return (\n            <Link className=\"toggle-item\" to={props.link}>\n                <div className=\"toggle-item-icon\" style={{backgroundImage: `url(${props.svgUrl})`}} />\n                <span className=\"toggle-item-name\">{props.name}</span>\n            </Link>\n        );\n    } else {\n        return (\n            <div className=\"toggle-item\" onClick={props.onClick && props.onClick}>\n                <div className=\"toggle-item-icon\" style={{backgroundImage: `url(${props.svgUrl})`}}/>\n                <span className=\"toggle-item-name\">{props.name}</span>\n            </div>\n        );\n    }\n}\n\nexport default ToggleItem;"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAQC,IAAI,QAAO,kBAAkB;AACrC,OAAO,mBAAmB;AAAC;AAE3B,MAAMC,UAAiC,GAAIC,KAAK,IAAK;EACjD,IAAIA,KAAK,CAACC,IAAI,EAAE;IACZ,oBACI,QAAC,IAAI;MAAC,SAAS,EAAC,aAAa;MAAC,EAAE,EAAED,KAAK,CAACC,IAAK;MAAA,wBACzC;QAAK,SAAS,EAAC,kBAAkB;QAAC,KAAK,EAAE;UAACC,eAAe,EAAG,OAAMF,KAAK,CAACG,MAAO;QAAE;MAAE;QAAA;QAAA;QAAA;MAAA,QAAG,eACtF;QAAM,SAAS,EAAC,kBAAkB;QAAA,UAAEH,KAAK,CAACI;MAAI;QAAA;QAAA;QAAA;MAAA,QAAQ;IAAA;MAAA;MAAA;MAAA;IAAA,QACnD;EAEf,CAAC,MAAM;IACH,oBACI;MAAK,SAAS,EAAC,aAAa;MAAC,OAAO,EAAEJ,KAAK,CAACK,OAAO,IAAIL,KAAK,CAACK,OAAQ;MAAA,wBACjE;QAAK,SAAS,EAAC,kBAAkB;QAAC,KAAK,EAAE;UAACH,eAAe,EAAG,OAAMF,KAAK,CAACG,MAAO;QAAE;MAAE;QAAA;QAAA;QAAA;MAAA,QAAE,eACrF;QAAM,SAAS,EAAC,kBAAkB;QAAA,UAAEH,KAAK,CAACI;MAAI;QAAA;QAAA;QAAA;MAAA,QAAQ;IAAA;MAAA;MAAA;MAAA;IAAA,QACpD;EAEd;AACJ,CAAC;AAAA,KAhBKL,UAAiC;AAkBvC,eAAeA,UAAU;AAAC;AAAA"},"metadata":{},"sourceType":"module"}